<template>
	<view>
		<Header :isBack="true">
			<block slot="content">{{title}}</block>
		</Header>
		<!-- 快捷方式 -->
		<view class="list">
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/grrz1.jpg" mode="">
				</image>
				<view class="list-item-text">
					1.工人登录之后，在
					<navigator url="/pages/index/index" class="active">首页</navigator>
					找到实名认证，可以进行实名认证（若无实名认证，不能提现），若已认证过，则无须再次认证。
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/grrz2.jpg" mode="">
				</image>
				<view class="list-item-text">
					2.认证之前，需先完善<navigator url="/pages2/pages/personal/personal" class="active">个人信息</navigator>，否则无法认证
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/grrz3.jpg" mode="">
				</image>
				<view class="list-item-text">
					3.完善个人信息之后，还需完善<navigator url="/pages2/pages/work/work" class="active">工作信息</navigator>，否则也无法认证
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/grrz4.jpg" mode="">
				</image>

				<view class="list-item-text">
					4.认证需要提交身份证正面和反面照片，提交成功之后要等待后台审核。审核成功，无须再次认证，审核失败，可再次认证
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				title: '个人认证'
			};
		},

		computed: {

		},
		components: {

		},

		onLoad() {

		},
		methods: {

		},
	}
</script>

<style>
	page {
		background-color: #f7f7f7;
		font-size: $font-base;
	}
</style>

<style lang="scss" scoped>
	/* 快捷方式 */

	.list {
		// #ifdef APP-PLUS
		padding: 160rpx 0rpx 120rpx;
		// #endif

		// #ifdef H5
		padding: 110rpx 0rpx 120rpx;
		// #endif
		
		// #ifdef MP-WEIXIN
		padding: 165rpx 0rpx 120rpx;
		// #endif

		.list-item {
			position: relative;
			background: #fff;
			margin-bottom: 10rpx;
			padding: 0 20rpx;

			.list-item-img {
				width: 350rpx;
				height: 785rpx;
			}

			.list-item-text {
				width: 320rpx;
				position: absolute;
				right: 20rpx;
				display: inline-block;
				text-align: justify;
			}
		}
	}

	.active {
		color: $base-color;
		font-size: $font-lg;
		margin: 0 5rpx;
		display: inline;

	}
</style>
